<script setup lang="ts">
interface Props{
  item:any
}
const props = defineProps<Props>()
</script>

<template>
  <div
    w:flex="~ nowrap"
    w:border="t-1 b-1 solid gray-100"
    w:p="4"
  >
    <img :src="props.item.goods_thumb"
      w:w="50"
      w:h="50"
    />
    <div
      w:flex="~ col nowrap"
      w:justify="between"
      w:m="l-4"
    >
      <div
        w:font="bold"
      >{{props.item.goods_name}} {{props.item.sku_name}}</div>
      <div
        w:flex="~ nowrap"
      >
        <div
          w:text="red-500"
        >
          <span>￥</span>
          <span
            w:text="3xl"
          >{{props.item.price}}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">

</style>